<template>
  <div>
    <!-- 父组件中使用 UserComponent.vue -->
    <UserComponent
      name="李四"
      :age="20"
      :hobbies="['下棋', '唱歌', '画画']"
      :body-info="{ height: 180, weight: 70 }"
      :address="address"
      sex="女"
    />
  </div>
  <input type="text" v-model="address" />
</template>

<script setup lang="ts">
import UserComponent from '@/components/UserComponent.vue'
import { ref } from 'vue'
const address = ref('北京市朝阳区')
</script>

<style scoped></style>
